<%--顾赛男，查询用户搜索框界面 --%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../js/util/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../js/util/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../js/util/easyui/demo.css">
    <script type="text/javascript" src="../js/util/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../js/util/easyui/jquery.easyui.min.js"></script>
<title>Insert title here</title>

</head>
<body>
    <h2>用户查询</h2>
   <hr>
   <form id="fm"> 
   <table>
    姓名:<input class="easyui-textbox"  name="userName" data-options="validType:'userName'" style="width:150px;height:30px">      
 &nbsp;
   性别:<input type="radio" class="easyui-validatebox" name="sex"  value="男" >男
     <input type="radio" class="easyui-validatebox" name="sex" value="女">女
    &nbsp;
     证件类型:
        <select id="s" class="easyui-combobox" name="certType" style="width:100px;" id="certType">
                      <option value="1"><span>二代身份证</span>				</option>
                      <option value="2"><span>港澳通行证</span>				</option>
                      <option value="3"><span>台湾通行证</span>				</option>
                      <option value="4"><span>护照</span>				</option>
                  </select>
    &nbsp;
证件号码:<input class="easyui-textbox"  name="cert" data-options="validType:'cert'" style="width:150px;height:30px">     	
	 &nbsp;
	<a  class="easyui-linkbutton" data-options="iconCls:'icon-search'" onclick="doFind()"  style="width:80px">查询</a>
<ul id="ajaxDiv"></ul>
</table>
<table>
<tr>
<td>
                                      每页显示
                <select name="pageSize" id="pageSize">
                    <option value="2"  >2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                  </select>
                                        条信息&nbsp;&nbsp;&nbsp;
                                        
                                        第 <select name="start" id="start">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3" >3</option>
                    <option value="4" >4</option>
                    <option value="5" >5</option>
                  </select>
                  页
                  </td>

</tr>
   </table>
   
  
  </form> 
  <script>
function doFind(){
	$.ajax({
	cache: false,
	type: "POST",
	url:"ManageQuery.jsp",	//把表单数据发送到ajax.jsp
	data:$('#fm').serialize(),	//要发送的是ajaxFrm表单中的数据
	async: false,
	error: function(request) {
	alert("发送请求失败！");
	},
	success: function(data) {
	$("#ajaxDiv").html(data);	//将返回的结果显示到ajaxDiv中
	}
	});
	}  
</script>
	
</body>
</html>